
%overlay1 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#301a22+0,301a22+100&0.95+0,0+100 */
  background: -moz-linear-gradient(left, rgba(48, 26, 34, 0.95) 0%, rgba(48, 26, 34, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(48, 26, 34, 0.95) 0%, rgba(48, 26, 34, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(48, 26, 34, 0.95) 0%, rgba(48, 26, 34, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2301a22', endColorstr='#00301a22', GradientType=1); /* IE6-9 */

}

%overlay2 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#301a22+0,301a22+100&0+0,0.95+100 */
  background: -moz-linear-gradient(left, rgba(48, 26, 34, 0) 0%, rgba(48, 26, 34, 0.95) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(48, 26, 34, 0) 0%, rgba(48, 26, 34, 0.95) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(48, 26, 34, 0) 0%, rgba(48, 26, 34, 0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00301a22', endColorstr='#f2301a22', GradientType=1); /* IE6-9 */

}


%btn_gradient {
  background-image: -moz-linear-gradient(0deg, rgb(241, 68, 55) 0%, rgb(237, 91, 13) 99%);
  background-image: -webkit-linear-gradient(0deg, rgb(241, 68, 55) 0%, rgb(237, 91, 13) 99%);
  background-image: -ms-linear-gradient(0deg, rgb(241, 68, 55) 0%, rgb(237, 91, 13) 99%);
}

// Home Page Gradient

%gradient_team {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#021a47+0,021a47+100&0+0,0.6+100 */
  background: -moz-linear-gradient(top, rgba(2, 26, 71, 0) 0%, rgba(2, 26, 71, 0.6) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(2, 26, 71, 0) 0%, rgba(2, 26, 71, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(2, 26, 71, 0) 0%, rgba(2, 26, 71, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00021a47', endColorstr='#99021a47', GradientType=0); /* IE6-9 */
}

%gallery {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#292621+0,292621+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(41, 38, 33, 0) 0%, rgba(41, 38, 33, 1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(41, 38, 33, 0) 0%, rgba(41, 38, 33, 1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(41, 38, 33, 0) 0%, rgba(41, 38, 33, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00292621', endColorstr='#292621', GradientType=0); /* IE6-9 */

}

%btn-bgs {
  background-image: -moz-linear-gradient(0deg, rgb(13, 67, 182) 0%, rgb(15, 102, 248) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(13, 67, 182) 0%, rgb(15, 102, 248) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(13, 67, 182) 0%, rgb(15, 102, 248) 100%);
}


// &::before{
//   position: absolute;
//   width: 100%;
//   height: 100%;
//   bottom: 0;
//   content: "";
//   @extend %overlay1;

// }
